<!-- emmet
pagecontroller
brackhilighted
jsformat
html/css/preety -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>博雅互动</title>
	<style type="text/css">

		*{
			margin: 0;
			padding-left: 0;
		}
		body{
			height: 8888px;
		}
		.cl{
			clear: both;
		}
		.header{
			height: 58px;
			background: #191D3A;
		}
		.inner-c{
			width: 1000px;
			margin: 0 auto;
		}
		.header .inner-c .logo{
			float: left;
			padding-right: 48px;
		}
		.header .inner-c .nav{
			float: left;
			height: 58px;
			width: 608px;
		}
		.header .inner-c .nav ul{
			float: left;
			list-style: none;
		}
		.header .inner-c .nav ul li {
			float: left;
			width: 100px;
			color: #252947;
			border-left: 1px solid #252947;
			line-height: 58px;
			text-align: center;
		}
		.header .inner-c .nav ul li a{
			display: block;
			color: #818496;
			text-decoration: none;
		}
		.header .inner-c .nav ul li a:hover{
			display: block;
			color: white;
			background: #252947;
		}

		.header .inner-c .nav ul li a.current{
			color: white;
			background: #252947;
		}

		.header .inner-c .nav ul li.last{
			border-right: 1px solid #252947;
		}

		.header .jrwm-box{
			float: left;
			padding-top: 12px;
			padding-left: 48px;

		}
		.header a.jrwm:hover{
			background: orange;
		}
		.banner{
			height: 465px;
			background: url(boya/banner.jpg) center;
		}
		.content{
			padding-top: 50px;
			height: 700px;
		}
		.content .product{
			border-bottom: 1px solid #DBE1E7;
			height: 279px; 
		}
		.content .product ul{
			list-style: none;
		}

		.content .product ul li{
			float: left;
			width: 218px;
			height: 130px;
			margin-right: 43px;
			text-align: center;

		}

		.content .product ul .last{
			width: 210px;
			margin-right: 0;
		}
		.content .product ul li h3{
			line-height: 38px;
			font-size: 13px;
		}
		.content .product ul li a{
			text-decoration: none;
			font-size: 12px;
			color: #38B774;
			background: url(boya/sanjiaoxing.png) no-repeat right;
			padding-right: 12px;
		}

		.content .info{
			padding-top: 53px;
			height: 420px;
			background: url(boya/indexmainbg.jpg) no-repeat center bottom;

		}
		.content .info .news{
			float: left;
			width: 500px;
			height: 313px;
			padding-top: 109px;
			background: url(boya/bynewsbg.jpg) no-repeat;
		}
		.content .info .news ul{
			list-style: none;
			padding: 0 20px;

		}
		.content .info .news ul li{
			line-height: 50px;
		}

		.content .info .jobs {
			float: left;
			width: 500px;
			height: 313px;
			padding-top: 35px;
			background: url(boya/byhrbg3.jpg) no-repeat;
		}
		.content .info .jobs h3{
			padding-left: 20px;
			margin-bottom: 23px;
		}
		.content .info .jobs .special{
			line-height: 20px;
		}
		.content .info .jobs ul li{
			line-height: 37px;
			border-bottom: 1px solid #6FDEA3;
		}

		.footer {
			height: 91px;
			background: #191D3A;
		}

		.footer .cont{
			height: 91px;
			background: red;
		}
	</style>

</head>

<body>
	<div class="header">
		<div class="inner-c">
			<h1 class="logo"><img src="boya/logo.png" alt="" /></h1>
			<div class="nav">
				<ul>
					<li><a href="#" class="current">首页</a></li>
					<li><a href="#">博雅游戏</a></li>
					<li><a href="#">博雅新闻</a></li>
					<li><a href="#">关于我们</a></li>
					<li><a href="#">客服中心</a></li>
					<li class="last"><a href="#">投资者关系</a></li>
				</ul>
			</div>
			<div class="jrwm-box">
				<a class="jrwm" href="#"><img src="boya/jrwm.png" alt="" /></a>
			</div>
	<div class="banner"></div>
</div>
	<div class="cl"></div>
	<div class="content inner-c">
		<div class="product">
			<ul>
				<li>
					<img src="boya/pro1.jpg" alt="" />
						<h3>BPT宣传片</h3>
						<a href="#">点击播放</a>
				</li>
				<li><img src="boya/pro1.jpg" alt="" />
						<h3>BPT宣传片</h3>
						<a href="#">点击播放</a>

				</li>
				<li><img src="boya/pro1.jpg" alt="" />
						<h3>BPT宣传片</h3>
						<a href="#">点击播放</a>

				</li>
				<li class= "last"><img src="boya/pro1.jpg" alt="" />
						<h3>BPT宣传片</h3>	
						<a href="#">点击播放</a>
				</li>
			</ul></div>
	<div class="info">
		<div class="news">
			<ul>
				<li><span>09-28   2015博雅扑克大赛</span></li>
				<li><span>09-28   2015博雅扑克大赛</span></li>
				<li><span>09-28   2015博雅扑克大赛</span></li>
				<li><span>09-28   2015博雅扑克大赛</span></li>
			</ul>
		</div>
		<div class="jobs">
			<h3><img src="boya/jobhire.png" alt="" /></h3>
			<span class = "special">专场招聘岗位</span>
			<ul>
				<li>c++开发工程师</li>
				<li>c++开发工程师</li>
				<li>c++开发工程师</li>
				<li>c++开发工程师</li>
			</ul>
		</div></div>
	</div>
	<div class = "footer">
			<div class = "cont inner-c">
				
			</div> 
	</div>

</body>
</html>